ARTS NUMÉRIQUES

INTERACTIVITÉ


Actionscript > gotoAndPlay() ;


par : mc

L’instruction gotoAndPlay() ; permet d’envoyer la tête de lecture sur une image de la ligne du temps, générale ou d’un movieClip particulier, et de poursuivre la lecture.

L’instruction gotoAndStop() ; permet d’envoyer la tête de lecture sur une image de la ligne du temps, générale ou d’un movieClip particulier, et de stopper la lecture. S’il s’agit d’une ligne du temps générale, vous pouvez également circuler d’une séquence à l’autre.

L’image peut être désignée par un chiffre ou par une « étiquette », nom de l’image que vous pouvez inscrire dans la fenêtre des propriétés (un petit drapeau accompagné du nom apparaîtra dans la ligne du temps).

Les 3 exemples ci-dessous illustreront ces diverses variantes.

1. gotoAndStop() ;

-  Créez un nouveau fichier et dans la ligne du temps, créez une vingtaine d’images.

-  Créez 3 calques, intitulés de bas en haut « boutons », « chiffres » et « script ».

-  Dans le calque « boutons », déposez sur la Scène 3 occurences de bouton.

-  Dans le calque « chiffres », créez une nouvelle fenêtre-clé à l’image 10 et à l’image 20. Sélectionnez l’image 1 et, dans la fenêtre des propriétés, nommez-là « début », procédez de la même manière pour l’image 10 (« milieu ») et 20 (« fin »).

-  Ecrivez ou dessinez dans chacune de ces fenêtres clé un élément permettant d’identifier l’image dans laquelle se trouve la tête de lecture.

-  Dans le calque « script », écrivez l’instruction stop() ; Ainsi vous bloquez la tête de lecture sur la 1ère image.

-  Sur le 1er bouton, écrivez le code suivant :

on (press) {
gotoAndStop(«début»);
}

La pression sur ce bouton amènera la tête de lecture sur l’image nommée « début » et soppera la lecture.

-  Sur le 2ème bouton, écrivez le code suivant :

on (press) {
gotoAndStop(«milieu»);
}

La pression sur ce bouton amènera la tête de lecture sur l’image nommée « milieu » et soppera la lecture.

-  Sur le 3ème bouton, écrivez le code suivant :

on (press) {
gotoAndStop(«fin»);
}

La pression sur ce bouton amènera la tête de lecture sur l’image nommée « fin » et soppera la lecture.

-  Publiez.

2. gotoAndStop() ; sur des séquences différentes

-  Créez un nouveau fichier et créez 3 séquences nommées « intro », « milieu » et « fin ».

-  Sur la 1ère séquence, créez 3 calques, intitulés de bas en haut « boutons », « nom » et « script ».

-  Sur les 2 autres séquences, créez 2 calques, intitulés de bas en haut « boutons », « nom ».

-  Dans le calque « boutons », déposez sur la Scène 3 occurences de bouton.

-  Dans le calque « nom », crivez ou dessinez dans chacune de ces fenêtres clé un élément permettant d’identifier la séquence dans laquelle se trouve la tête de lecture.

-  Dans le calque « script » de la 1ère séquence, écrivez l’instruction stop() ; Ainsi vous bloquez la tête de lecture sur la 1ère image de l’animation.

-  Dans chacune des séquences, écrivez les codes suivants sur les boutons.

Bouton 1 :

on (press) {
gotoAndStop(«intro»,1);
}

Bouton 2 :

on (press) {
gotoAndStop(«milieu»,1);
}

Bouton 3 :

on (press) {
gotoAndStop(«fin»,1);
}

La pression sur chacun de ces boutons amènera la tête de lecture sur la 1ère image de chaque séquence et soppera la lecture.

3. gotoAndPlay() ; en direction d’un movieClip

-  Créez un nouveau fichier et créez-y 3 calques, intitulés de bas en haut « boutons », « movieClip » et « script ».

-  Dans le calque « boutons », déposez sur la Scène 4 occurences de bouton et nommez-les « bouton1 », « bouton2 », « bouton3 », « bouton4 ».

-  Créez un movieClip contenant une interpolation de mouvement ou de forme sur 24 images, glissez-le dans le calque « movieClip » et nommez-le « clip ».

-  Dans le calque « script », écrivez le code suivant :

onLoad = function(){ > au chargement
clip.gotoAndStop(1); > le movieClip nommé «clip» stoppera sur l'image 1
}

bouton1.onPress = function(){ > en cas de pression du bouton nommé «bouton1»
clip.gotoAndPlay(1); > le movieClip nommé «clip» ira sur l'image 1 et jouera
}

bouton2.onPress = function(){ > en cas de pression du bouton nommé «bouton2»
clip.gotoAndPlay(6); > le movieClip nommé «clip» ira sur l'image 6 et jouera
}

bouton3.onPress = function(){ > en cas de pression du bouton nommé «bouton3»
clip.gotoAndPlay(12); > le movieClip nommé «clip» ira sur l'image 12 et jouera
}

bouton4.onPress = function(){ > en cas de pression du bouton nommé «bouton4»
clip.gotoAndPlay(18) ; > le movieClip nommé « clip » ira sur l’image 18 et jouera

-  Publiez.

Téléchargez cet exercice et les fichiers .fla ci-dessous.




logo DOCUMENT 357 gotoAndPlay PDF 22549 logo DOCUMENT 358 gotoAndPlay.zip Zip 16411
rechercher par mot-clé

mots-clés liés à cet article

actionscript

flash

interactivité

quelques sites liés aux mots-clés de cet article


actionscript
trustfiles
The Trustfiles is an artistic multi-media project by (...)
oreilly
Site des Éditions O’Reilly.
yo-ric
Plus de 150 tutoriaux et cours pour créer votre site : (...)
développeur
Toutoriaux et scripts sur Java, Javascript, PHP, (...)
shockwave
Play free online games, download games, and multiplayer (...)
trucsweb
ASP, Javascript, HTML, DHTML, CSS, DOM, XHTML, WML, (...)
i-do
Site de Thierry Guibert.
cbt cafe
Computer Based Training featuring free Video tutorials (...)
actionscripts.org
Tutorial et scripts Actionscript.
zoneflashmx
Portail Flash, Actions script, html, Javascript, (...)


flash
flying puppet
L’artiste Nicolas Clauss.
miroir du soir
Plonge dans ma tête c gratuit.
uncontrol
Manny Tan, art algorythmique.
flashxpress
Portail Flash et Dreamweaver.
yo-ric
Plus de 150 tutoriaux et cours pour créer votre site : (...)
macromedia
dreamweaver, flash, director ...
absolu flash
Jeux en flash.
cbt cafe
Computer Based Training featuring free Video tutorials (...)
ninjai
The little ninja.
l’horloge
D’après Charles Baudelaire.


interactivité
le ciel est bleu
Conception multimedia et interactivité.
maeda
John Maeda, artiste programmeur.
carnivore
Carnivore is a surveillance tool for data networks. At (...)
stanza
Steve Tanza, artiste multimedia.
boff
Vincent Paesmans ’art works.
1H05
1H05 : A Graphic Playground, A Graphic Tale’s (...)
wj-s
WJs est un logiciel et un dispositif public de (...)
anonymes
Collectif d’artistes web (flash).
pure data
Logiciel open-source de programmation pour la création (...)
alphabet
cd-rom "alphabet" d’après le livre de Kveta (...)